.el-menu {
    border: none;
    height: 100%;
    width: 100% !important;
}

.el-submenu.is-active > .el-submenu__title {
    color: #e70b2d !important;
}
.el-submenu > .el-submenu__title,
.el-submenu .el-menu-item {
    min-width: 190px !important;
    background-color: #272a36 !important;
}

.el-submenu > .el-submenu__title:hover, .el-submenu .el-menu-item:hover {
    background-color: #0e132b !important;
    color: #FF903D !important;
}
.el-menu-item.is-active {
    color: #FF903D !important;
}

.el-menu .el-menu-item {
    color: #002f64 !important;
    height: 50px;
    line-height: 50px;
    font-size: 18px !important;
}
.el-menu .el-menu-item {
    padding: 0 0 0 32px !important;
    margin: 0 34px 20px 0;
    border-radius: 0 0px 0px 0 !important;
}
.el-menu .el-menu-item:hover {
    color: #002f64 !important;
    background-color: transparent !important;
}
.el-menu .el-menu-item:hover span {
    color: #002f64 !important;
    font-size: 18px;
}

.el-menu .el-menu-item:active {
    color: #002f64 !important;
    background-color: transparent !important;
}
.el-menu .el-menu-item:active span {
    color: #002f64 !important;
    font-size: 18px;
    font-weight: bolder;
}

.el-menu .el-menu-item.is-active {
    background-color: #ffffff !important;
    color: #002f64 !important;
    border-radius: 0 0px 0px 0 !important;
}
.el-menu .el-menu-item.is-active span {
    color: #002f64 !important;
    font-size: 18px;
    font-weight: bolder;
}
.el-menu-item i {
    color: inherit;
    font-size: 25px;
    margin-right: 5px;
}
.el-menu--horizontal > .el-menu-item {
    border-bottom: none !important;
    text-decoration: none !important;
}
